<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度</title>
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="css/footer.css">
    <style>

    </style>
</head>
<body>
    <div class="nav-top">
        <div class="nav-left">
            <ul>
                <li>&nbsp;</li>
                <li><a href="#">新闻</a></li>
                <li><a href="#">hao123</a></li>
                <li><a href="#">地图</a></li>
                <li><a href="#">视频</a></li>
                <li><a href="#">贴吧</a></li>
                <li><a href="#">学术</a></li>
                <li><a href="#">更多</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <ul>
                <li>&nbsp;</li>
                <li><button class="register">登陆</button></li>
                <li><a href="#">设置</a></li> 
           
            </ul>
        </div>
    </div>
    <div class="content">
        <img class="img-baidu" src="images/baidu.png" alt="">
        <div class="search">
            <input class="input" type="text" >
            <button class="btn-baidu">百度一下</button>
            <img class="img-carema" src="images/相机.png" alt="">
        </div>
        <div class="content-list">
            <div class="list-left">
                <ul>
                    <li><a class="baidurebang" href="#">
                        百度热榜</a></li>
                    <li><span><img class="number" src="images/number1.png" alt=""></span>
                        <a class="resou" href="#">abcdefg</a>
                        <span><img class="number" src="images/hot.png" alt=""></span>
                    </li>
                    <li><span><img class="number" src="images/number2.png" alt=""></span>
                        <a class="resou" href="#">abcdefg</a>
                    </li>
                    <li><span><img class="number" src="images/number3.png" alt=""></span>
                        <a class="resou" href="#">abcdefg</a>
                    </li>
                </ul>
            </div>
            <div class="list-right">
                <ul>
                    <li><span class="span-shuaxin"><img class="number" src="images/shuaxin.png" alt=""></span>
                        <a class="huanyihuan" href="#">换一换</a>
                    </li>
                    <li><span><img class="number" src="images/number4.png" alt=""></span>
                        <a class="resou" href="#">abcdefg</a>
                    </li>
                    <li><span><img class="number" src="images/number5.png" alt=""></span>
                        <a class="resou" href="#">abcdefg</a>
                    </li>
                    <li><span><img class="number" src="images/number6.png" alt=""></span>
                        <a class="resou" href="#">abcdefg</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-left">
            <ul>
                <li>&nbsp;</li>
                <li><a class="footer-font" href="#">设为首页</a></li>
                <li><a class="footer-font" href="#">关于百度</a></li>
                <li><a class="footer-font" href="#">About Baidu</a></li>
                <li><a class="footer-font" href="#">百度营销</a></li>
                <li><a class="footer-font" href="#">使用百度前必读</a></li>
                <li><a class="footer-font" href="#">意见反馈</a></li>
                <li><a class="footer-font" href="#">帮助中心</a></li>
            </ul>
        </div>
        <div class="footer-right">
            <ul>
                <li>&nbsp;</li>
                <li><a class="footer-font" href="#">京ICP证030173号</a></li>
                <li><a class="footer-font" href="#">京公网安备11000002000001号</a></li>
                <li><a class="footer-font" href="#">(京)-经营性-2017-0020</a></li>
                <li><a class="footer-font" href="#">©2020 Baidu </a></li>
            </ul>
        </div>
    </div>
</body>
</html>